body {
  background-color: #F1F1ED;
  color:#000000;
  margin:0px;
  }
body, p, input, select {
  font-family: Calibri,Verdana,Trebuchet,Arial,Helvetica,Sans-Serif;
  font-size:100%;
}
input, select {
  font-size:100%;
}
optgroup {
  font-style:normal;
}
form {
  margin:0px;
}
img {
  border:0px none;
}
.maincontent {
  width: 80%;
  border-width: 0px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding:0px 10px 20px;
  min-width:475px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  margin-top:-100px\9; /* All IE Hack */
}
.headercontent {
  width: 80%;
  height:100px;
  border-width: 1px 1px 0px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding:0px 10px;
  min-width:475px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
}
* html .headercontent{
  /* IE 6 and prior specific hacks */
  padding:0px;
}
.footercontent {
  width: 80%;
  margin: auto;
  text-align:right;
  min-width:475px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
p {
  font-family: Calibri,Verdana,Trebuchet,Arial,Helvetica,Sans-Serif;
}
h1 {
  padding:3px 0px;
  margin:0px;
}
h2 {
  padding:3px 0px;
  margin:0px;
}
h3{
  padding:10px 0px 0px 0px;
  margin:0px;
}
.headerlogo {
  background-image:url('../images/chill_colors/newzbook_logo.png');
  background-repeat:no-repeat;
  padding-left:105px;
  padding-top:5px;
  padding-right:5px;
}
/* NAVIGATION */
.navigation {
  display:inline-block;
 /* height:45px; */
  left:-11px;
  top:-64px;
  margin:0px 0px 5px;
  padding:0px 22px 0px 0px;
  position:relative;
  background-color:#535251;
  color:white;
  width:100%;
  z-index:10;
  min-width:475px; /* IE doesn't understand this? */
}
* html .navigation {
  /* IE 6 and prior hack */
  left:0px;
}
.navigation li {
 /* border-right:1px solid #CCCCCC; */
  display:inline-block;
  float:left;
  font-size:17px;
  padding:12px 0px;
  vertical-align:middle;
}
.navigation li a:hover {
  background-color:#FFFF99;
  color:black;
}
.navigation li a {
  padding:12px 10px;
  color:white;
}
.nav_first {
  background:transparent url('../images/chill_colors/menu_level1_left_down.png') no-repeat scroll 0 -420px;
  width:20px;
  height:64px;
  display:block;
  position:relative;
  left:-31px;
  top /*\**/:-10px\9; /* IE 8 Hack */
}
* html .nav_first {
  /* IE 6 Hack */
  left:-20px;
}
.nav_last {
  background:transparent url('../images/chill_colors/menu_level1_right_up.png') no-repeat scroll 0 -141px;
  width:20px;
  height:64px;
  display:block;
  position:relative;
  right:-100%;
  top:-132px;
  margin-left:11px;
  *margin-left:-10px;
}
* html .nav_last {
  /* IE 6 Hack */
  margin-left:0px;
}
/* OTHERS */
.block-outlined {
  border:1px solid #DDDDDD;
  margin:5px;
  padding:5px;
}
.subblock {

}
.fielddesc{
  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;
  height:20px;
  width:180px;
}
.infomessage {
  border: 1px solid #3366CC;
  background-color: #99CCFF;
  padding: 3px 20px;
  background-image:url(../images/information.png);
  background-repeat:no-repeat;
  background-position:left;
}
.warningmessage {
  border: 1px solid #990000;
  background-color: #FF9999;
  padding: 3px 20px;
  background-image:url(../images/error.png);
  background-repeat:no-repeat;
  background-position:left;
}
.nzbreport {
  border: 1px solid #cccccc;
  padding: 5px 10px 7px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.reporttitle {
  font-size: 140%;
  font-weight: bold;
  display: inline;
}
.reporttitle_smaller {
  display: inline;
  float: right;
}
.dlline {
  /* display: inline;*/
}
.dltitle {
  display: inline;
}
.dlinfo {
  display: inline;
}
textarea {
  background-color:#FFFFFF;
  font-family:Calibri,Verdana,Trebuchet,Arial,Helvetica,Sans-Serif;
  font-size:100%;
  height:400px;
  width:100%;
}
#progress {
  position: absolute;
  top: 0px;
  left: 0px;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index:200;
}
#progress_bg {
  position: absolute;
  top: 0px;
  left: 0px;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
  background: #fff;
  /* CSS standard */
  opacity: .9;
  /* IE doesn't like standards */
  filter:alpha(opacity=90);
}
#progress_box {
  position: relative; 
  display: block;
/*  position: absolute; */
/*  top: 260px; */
  background-color: #ffffff;
  border: 1px solid;
  width: 225px;
  height: 75px;
  margin: 0px auto 0px auto;
  top: 40%;
/*  left: 20%; */
}
.dsk_used {
  height: 10px;
  background-color: #6699cc;
  background-image:url('../images/progress_ani_blue.gif');
  border: 1px solid black;
  border-right: 0px;
  display: inline;
  float:left;
}
.dsk_free {
  height: 10px;
  background-color: white;
  border: 1px solid black;
  display: inline;
  float: left;
}
pre {
  width: 95%;
  background: white;
  border: 1px solid black;
  white-space:pre-wrap;
  font-size:125%;
  width:95%;
  margin-left:2.5%;
  padding:10px;
  overflow:hidden;
}
.thumbnail {
  border:1px solid black;
  display:-moz-inline-stack;
  display:inline-block;
  *display:inline;
  font-weight:bold;
  margin:2px;
  text-align:center;
  width:100px;
  overflow:hidden;
  min-height:50px;
}
.thumbnail * {
  vertical-align: bottom;
}
.highlight {
  background-color: #FFFF99;
  padding:5px;
  border:1px solid #FFCC33;
}
.indent {
  padding-left:10px;
}
.nowplaying, .sidecontroller, .sideplaylist{
  border:1px solid #eeeeee;
  padding:10px;
  background-color:white;
  display:block;
  position:absolute;
  right:10%;
  z-index:20;
  display:none;
}
.nowplaying{
  top: 90px;
}
.sidecontroller{
  top:150px;
}
.sideplaylist {
  top: 200px;
}
.aligntophigh {
  top: 75px;
}
strong {
  font-weight: bold;
}
.toggles {
  display: block;
  position: absolute;
  right:10%;
  top:25px;
  border:1px solid #aaa;
  background:white;
  padding:5px;
  display:none;
  z-index:20;
}
.toggle_toggle{
  position:absolute;
  right:10%;
  top:-1px;
  border:1px solid black;
  background-color:white;
  padding:3px;
}
.toggle_close{
  position:absolute;
  right:-5px;
  top:-5px;
  display:block;
}
/* filelist related items */
.filelist {
  padding:0px;
  margin:0px;
}
.filelist li {
  list-style-type:none;
}
.icon {
    background-repeat:no-repeat;
    padding-left:20px;
}
.icon_folder{	background-image:url('../images/folder.png');				}
.icon_audio	{	background-image:url('../images/music.png');				}
.icon_video	{	background-image:url('../images/film.png');					}
.icon_photo	{	background-image:url('../images/picture.png');				}
.icon_config{	background-image:url('../images/page_white_gear.png');		}
.icon_basic	{	background-image:url('../images/page_white_text.png');		}
.icon_view 	{	background-image:url('../images/page_white_magnify.png');	}
.icon_delete{	background-image:url('../images/delete.png');				}
.icon_pause	{	background-image:url('../images/control_play.png');			}
.icon_play 	{	background-image:url('../images/control_pause.png');		}
.icon_wand	{	background-image:url('../images/wand.png');					}
.icon_tv	{	background-image:url('../images/television.png');			}
.icon_add	{	background-image:url('../images/add.png');					}
/* Album Art View */
.albumArt {
    height:75px;
    width:75px;
}
.albumArt:hover {
    opacity:0.7;
}
.alternativeArtHolder {
    display:inline-block;
}
.alternativeArt {
    height:73px;
    width:73px;
    display:inline-block;
    border:1px solid #CCCCCC;
    /* position:relative;
    bottom:59px; */
    background-image:url('../images/question-mark-light.jpg');
    overflow:hidden;
    text-align:center;
}
.alternativeArt:hover {
    opacity:0.7;
}
.alternativeArt a {
    color:blue;
    font-size:75%;
    font-weight:bold;
    text-decoration:none;
    height:73px;
    display:block;
}
.alternativeArt a:hover{
    opacity:0.7;
}